.box-higher{
  z-index: 13 !important ;
}
.extra-box-higher{
  z-index: 15 !important ;
}
.box-light {
  background-color: transparent !important;
}
.h2-light{
  color: #fff !important ;
}
.p-light{
  color: rgba(186,204,217,1.0) !important ;
}
.li-light{
  color: rgba(238,247,242,1.0) !important ;
}
.li-light:hover {
  color: rgba(238,247,242,1.0) !important ;
  text-shadow:  0 0 10px rgba(81,196,211,0.5),
                0 0 30px rgba(81,196,211,0.7),
                0 0 50px rgba(81,196,211,0.9);
}

.turnTo-0deg{
    transform: rotateY(0deg) !important;
}
.turnTo-180deg{
    transform: rotateY(180deg) !important;
}
.roteYhidden{
  transform: rotateY(180deg) !important ;
}
.wrench-use{
  -webkit-animation:wrench 2.5s ease infinite;
 animation:wrench 2.5s ease infinite;
 transform-origin-x:100%;
 transform-origin-y:20%;
 transform-origin-z:initial ;
 animation-play-state: paused;
}
.wrench-use:hover{
  animation-play-state: running;
}
.animated-hover {
 -webkit-animation:wrench 2.5s ease infinite;
 animation:wrench 2.5s ease infinite;
 transform-origin-x:90%;
 transform-origin-y:35%;
 transform-origin-z:initial ;
}
.shaky {
  display: inline-block;
  padding: 1px;
  font-size: 12px;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation-name: shaky-slow;
  -ms-animation-name: shaky-slow;
  animation-name: shaky-slow;
  -webkit-animation-duration: 4s;
  -ms-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s;
  -ms-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-play-state: running;
  -ms-animation-play-state: running;
  animation-play-state: running;
}
.bg10S{
    background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) !important;
    background-size: 400%;
    animation: bgAnimation 10s infinite ;
}
.bg8S{
    background-image: linear-gradient(125deg,#eb4d4b,#f0932b,#b1b1b1, #2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad) ;
    background-size: 400%;
    animation: bgAnimation 8s infinite ;
}
.show2hidden{
  height: 0 !important ;
  transform: scaleY(0) !important;
}


@-webkit-keyframes scrossTurn {
    0%{
      filter: hue-rotate(0deg) ;
    }
    100%{
      filter: hue-rotate(360deg) ; 
    }
}
@keyframes scrossTurn {
    0%{
      filter: hue-rotate(0deg) ;
    }
    100%{
      filter: hue-rotate(360deg) ; 
    }
}




@-webkit-keyframes roteZInf{
  0%{ 
   
  }
  100%{ 
    transform: rotateZ(360deg);
  }
}
@keyframes roteZInf{
  0%{  }
  100%{ transform: rotateZ(360deg); }
}

@keyframes bgAnimation {
  0%{
    background-position: 0% 50%;
  }
  50%{
    background-position: 100% 50%;
  }
  100%{
    background-position: 0% 50%;
  }
}



@keyframes btnRote1{
  0%{}
  25%{
    transform: rotateZ(90deg);
  }
  50%{
    transform: rotateZ(180deg);
  }
  75%{
    transform: rotateZ(270deg);
  }
  100%{
    transform: rotateZ(360deg);
  }
}
@keyframes btnRote2{
  0%{}
  25%{
    transform: rotateZ(-90deg);
  }
  50%{
    transform: rotateZ(-180deg);
  }
  75%{
    transform: rotateZ(-270deg);
  }
  100%{
    transform: rotateZ(-360deg);
  }
}

@-webkit-keyframes typer{
    0%{ 
        width: 0;
    }
    100%{ 
        width: 100% ;
    }
}

@keyframes typer{
    0%{ 
        width: 0;
    }
    100%{ 
        width: 100% ;
    }
}
@keyframes typeBlink{
  0%{
    border-bottom: solid 2px  #2d3436  ;
  }
  100%{
    border-bottom: solid 2px  transparent ;
  }
}
@-webkit-keyframes wrench {
 0% {
  -webkit-transform:rotate(-12deg);
  transform:rotate(-12deg)
 }
 8% {
  -webkit-transform:rotate(12deg);
  transform:rotate(12deg)
 }
 10% {
  -webkit-transform:rotate(24deg);
  transform:rotate(24deg)
 }
 18%,
 20% {
  -webkit-transform:rotate(-24deg);
  transform:rotate(-24deg)
 }
 28%,
 30% {
  -webkit-transform:rotate(24deg);
  transform:rotate(24deg)
 }
 38%,
 40% {
  -webkit-transform:rotate(-24deg);
  transform:rotate(-24deg)
 }
 48%,
 50% {
  -webkit-transform:rotate(24deg);
  transform:rotate(24deg)
 }
 58%,
 60% {
  -webkit-transform:rotate(-24deg);
  transform:rotate(-24deg)
 }
 68% {
  -webkit-transform:rotate(24deg);
  transform:rotate(24deg)
 }
 100%,
 75% {
  -webkit-transform:rotate(0);
  transform:rotate(0)
 }
}
@keyframes wrench {
 0% {
  -webkit-transform:rotate(-12deg);
  -ms-transform:rotate(-12deg);
  transform:rotate(-12deg)
 }
 8% {
  -webkit-transform:rotate(12deg);
  -ms-transform:rotate(12deg);
  transform:rotate(12deg)
 }
 10% {
  -webkit-transform:rotate(24deg);
  -ms-transform:rotate(24deg);
  transform:rotate(24deg)
 }
 18%,
 20% {
  -webkit-transform:rotate(-24deg);
  -ms-transform:rotate(-24deg);
  transform:rotate(-24deg)
 }
 28%,
 30% {
  -webkit-transform:rotate(24deg);
  -ms-transform:rotate(24deg);
  transform:rotate(24deg)
 }
 38%,
 40% {
  -webkit-transform:rotate(-24deg);
  -ms-transform:rotate(-24deg);
  transform:rotate(-24deg)
 }
 48%,
 50% {
  -webkit-transform:rotate(24deg);
  -ms-transform:rotate(24deg);
  transform:rotate(24deg)
 }
 58%,
 60% {
  -webkit-transform:rotate(-24deg);
  -ms-transform:rotate(-24deg);
  transform:rotate(-24deg)
 }
 68% {
  -webkit-transform:rotate(24deg);
  -ms-transform:rotate(24deg);
  transform:rotate(24deg)
 }
 100%,
 75% {
  -webkit-transform:rotate(0);
  -ms-transform:rotate(0);
  transform:rotate(0)
 }
}

@-webkit-keyframes vertical {
 0% {
  -webkit-transform:translate(0,-3px);
  transform:translate(0,-3px)
 }
 4% {
  -webkit-transform:translate(0,3px);
  transform:translate(0,3px)
 }
 8% {
  -webkit-transform:translate(0,-3px);
  transform:translate(0,-3px)
 }
 12% {
  -webkit-transform:translate(0,3px);
  transform:translate(0,3px)
 }
 16% {
  -webkit-transform:translate(0,-3px);
  transform:translate(0,-3px)
 }
 20% {
  -webkit-transform:translate(0,3px);
  transform:translate(0,3px)
 }
 100%,
 22% {
  -webkit-transform:translate(0,0);
  transform:translate(0,0)
 }
}
@keyframes vertical {
 0% {
  -webkit-transform:translate(0,-3px);
  -ms-transform:translate(0,-3px);
  transform:translate(0,-3px)
 }
 4% {
  -webkit-transform:translate(0,3px);
  -ms-transform:translate(0,3px);
  transform:translate(0,3px)
 }
 8% {
  -webkit-transform:translate(0,-3px);
  -ms-transform:translate(0,-3px);
  transform:translate(0,-3px)
 }
 12% {
  -webkit-transform:translate(0,3px);
  -ms-transform:translate(0,3px);
  transform:translate(0,3px)
 }
 16% {
  -webkit-transform:translate(0,-3px);
  -ms-transform:translate(0,-3px);
  transform:translate(0,-3px)
 }
 20% {
  -webkit-transform:translate(0,3px);
  -ms-transform:translate(0,3px);
  transform:translate(0,3px)
 }
 100%,
 22% {
  -webkit-transform:translate(0,0);
  -ms-transform:translate(0,0);
  transform:translate(0,0)
 }
}

@-webkit-keyframes tada {
 0% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 10%,
 20% {
  -webkit-transform:scale(.9) rotate(-8deg);
  transform:scale(.9) rotate(-8deg)
 }
 30%,
 50%,
 70% {
  -webkit-transform:scale(1.3) rotate(8deg);
  transform:scale(1.3) rotate(8deg)
 }
 40%,
 60% {
  -webkit-transform:scale(1.3) rotate(-8deg);
  transform:scale(1.3) rotate(-8deg)
 }
 100%,
 80% {
  -webkit-transform:scale(1) rotate(0);
  transform:scale(1) rotate(0)
 }
}
@keyframes tada {
 0% {
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1)
 }
 10%,
 20% {
  -webkit-transform:scale(.9) rotate(-8deg);
  -ms-transform:scale(.9) rotate(-8deg);
  transform:scale(.9) rotate(-8deg)
 }
 30%,
 50%,
 70% {
  -webkit-transform:scale(1.3) rotate(8deg);
  -ms-transform:scale(1.3) rotate(8deg);
  transform:scale(1.3) rotate(8deg)
 }
 40%,
 60% {
  -webkit-transform:scale(1.3) rotate(-8deg);
  -ms-transform:scale(1.3) rotate(-8deg);
  transform:scale(1.3) rotate(-8deg)
 }
 100%,
 80% {
  -webkit-transform:scale(1) rotate(0);
  -ms-transform:scale(1) rotate(0);
  transform:scale(1) rotate(0)
 }
}

@-webkit-keyframes pulse {
 0% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
 }
 50% {
  -webkit-transform:scale(0.8);
  transform:scale(0.8)
 }
 100% {
  -webkit-transform:scale(1.1);
  transform:scale(1.1)
 }
}
@keyframes pulse {
 0% {
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)
 }
 50% {
  -webkit-transform:scale(0.8);
  -ms-transform:scale(0.8);
  transform:scale(0.8)
 }
 100% {
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1)
 }
}

@-webkit-keyframes roteInf{
    0%{ transform: rotateZ(0deg); }
    100%{ transform: rotateZ(360deg); }
}
@keyframes roteInf{
    0%{ transform: rotateZ(0deg); }
    100%{ transform: rotateZ(360deg); }
}

@-webkit-keyframes shaky-slow {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg)
  }
  2% {
    -webkit-transform: translate(-1px, 1.5px) rotate(1.5deg)
  }
  4% {
    -webkit-transform: translate(1.3px, 0px) rotate(-0.5deg)
  }
  6% {
    -webkit-transform: translate(1.4px, 1.4px) rotate(-2deg)
  }
  8% {
    -webkit-transform: translate(-1.3px, -1px) rotate(-1.5deg)
  }
  10% {
    -webkit-transform: translate(1.4px, 0px) rotate(-2deg)
  }
  12% {
    -webkit-transform: translate(-1.3px, -1px) rotate(-2deg)
  }
  14% {
    -webkit-transform: translate(1.5px, 1.3px) rotate(1.5deg)
  }
  16% {
    -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg)
  }
  18% {
    -webkit-transform: translate(1.3px, -1.3px) rotate(-2deg)
  }
  20% {
    -webkit-transform: translate(1px, 1px) rotate(-0.5deg)
  }
  22% {
    -webkit-transform: translate(1.3px, 1.5px) rotate(-2deg)
  }
  24% {
    -webkit-transform: translate(-1.4px, -1px) rotate(2deg)
  }
  26% {
    -webkit-transform: translate(1.3px, -1.3px) rotate(0.5deg)
  }
  28% {
    -webkit-transform: translate(1.6px, -1.6px) rotate(-2deg)
  }
  30% {
    -webkit-transform: translate(-1.3px, -1.3px) rotate(-1.5deg)
  }
  32% {
    -webkit-transform: translate(-1px, 0px) rotate(2deg)
  }
  34% {
    -webkit-transform: translate(1.3px, 1.3px) rotate(-0.5deg)
  }
  36% {
    -webkit-transform: translate(1.3px, 1.6px) rotate(1.5deg)
  }
  38% {
    -webkit-transform: translate(1.3px, -1.6px) rotate(1.5deg)
  }
  40% {
    -webkit-transform: translate(-1.4px, -1px) rotate(-0.5deg)
  }
  42% {
    -webkit-transform: translate(-1.4px, 1.3px) rotate(-0.5deg)
  }
  44% {
    -webkit-transform: translate(-1.6px, 1.4px) rotate(0.5deg)
  }
  46% {
    -webkit-transform: translate(-2.1px, -1.3px) rotate(-0.5deg)
  }
  48% {
    -webkit-transform: translate(1px, 1.6px) rotate(1.5deg)
  }
  50% {
    -webkit-transform: translate(1.6px, 1.6px) rotate(1.5deg)
  }
  52% {
    -webkit-transform: translate(-1.4px, 1.6px) rotate(0.5deg)
  }
  54% {
    -webkit-transform: translate(1.6px, -1px) rotate(-2deg)
  }
  56% {
    -webkit-transform: translate(1.3px, -1.6px) rotate(-2deg)
  }
  58% {
    -webkit-transform: translate(-1.3px, -1.6px) rotate(0.5deg)
  }
  60% {
    -webkit-transform: translate(1.3px, 1.6px) rotate(-0.5deg)
  }
  62% {
    -webkit-transform: translate(0px, 0px) rotate(-1.5deg)
  }
  64% {
    -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  66% {
    -webkit-transform: translate(1.6px, -1.6px) rotate(0.5deg)
  }
  68% {
    -webkit-transform: translate(0px, -1.6px) rotate(-2deg)
  }
  70% {
    -webkit-transform: translate(-1.6px, 1px) rotate(1.5deg)
  }
  72% {
    -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)
  }
  74% {
    -webkit-transform: translate(1.3px, -1.6px) rotate(-0.5deg)
  }
  76% {
    -webkit-transform: translate(1.4px, 1px) rotate(-0.5deg)
  }
  78% {
    -webkit-transform: translate(-1px, 1.4px) rotate(2deg)
  }
  80% {
    -webkit-transform: translate(1.4px, 1.6px) rotate(2deg)
  }
  82% {
    -webkit-transform: translate(-1.6px, -1.6px) rotate(-0.5deg)
  }
  84% {
    -webkit-transform: translate(-1.4px, 1.4px) rotate(-2deg)
  }
  86% {
    -webkit-transform: translate(1px, 1.4px) rotate(-2deg)
  }
  88% {
    -webkit-transform: translate(-1.4px, 1.4px) rotate(-1.5deg)
  }
  90% {
    -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  92% {
    -webkit-transform: translate(-1.6px, 1.6px) rotate(2deg)
  }
  94% {
    -webkit-transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  96% {
    -webkit-transform: translate(-1.4px, 1.3px) rotate(-2deg)
  }
  98% {
    -webkit-transform: translate(1.3px, 1px) rotate(-0.5deg)
  }
}
@keyframes shaky-slow {
  0% {
    transform: translate(0px, 0px) rotate(0deg)
  }
  2% {
    transform: translate(-1px, 1.5px) rotate(1.5deg)
  }
  4% {
    transform: translate(1.3px, 0px) rotate(-0.5deg)
  }
  6% {
    transform: translate(1.4px, 1.4px) rotate(-2deg)
  }
  8% {
    transform: translate(-1.3px, -1px) rotate(-1.5deg)
  }
  10% {
    transform: translate(1.4px, 0px) rotate(-2deg)
  }
  12% {
    transform: translate(-1.3px, -1px) rotate(-2deg)
  }
  14% {
    transform: translate(1.5px, 1.3px) rotate(1.5deg)
  }
  16% {
    transform: translate(1.5px, -1.5px) rotate(-1.5deg)
  }
  18% {
    transform: translate(1.3px, -1.3px) rotate(-2deg)
  }
  20% {
    transform: translate(1px, 1px) rotate(-0.5deg)
  }
  22% {
    transform: translate(1.3px, 1.5px) rotate(-2deg)
  }
  24% {
    transform: translate(-1.4px, -1px) rotate(2deg)
  }
  26% {
    transform: translate(1.3px, -1.3px) rotate(0.5deg)
  }
  28% {
    transform: translate(1.6px, -1.6px) rotate(-1.5deg)
  }
  30% {
    transform: translate(-1.3px, -1.3px) rotate(-1.5deg)
  }
  32% {
    transform: translate(-1px, 0px) rotate(2deg)
  }
  34% {
    transform: translate(1.3px, 1.3px) rotate(-0.5deg)
  }
  36% {
    transform: translate(1.3px, 1.6px) rotate(1.5deg)
  }
  38% {
    transform: translate(1.3px, -1.6px) rotate(1.5deg)
  }
  40% {
    transform: translate(-1.4px, -1px) rotate(-0.5deg)
  }
  42% {
    transform: translate(-1.4px, 1.3px) rotate(-0.5deg)
  }
  44% {
    transform: translate(-1.6px, 1.4px) rotate(0.5deg)
  }
  46% {
    transform: translate(-2.1px, -1.3px) rotate(-0.5deg)
  }
  48% {
    transform: translate(1px, 1.6px) rotate(1.5deg)
  }
  50% {
    transform: translate(1.6px, 1.6px) rotate(1.5deg)
  }
  52% {
    transform: translate(-1.4px, 1.6px) rotate(0.5deg)
  }
  54% {
    transform: translate(1.6px, -1px) rotate(-2deg)
  }
  56% {
    transform: translate(1.3px, -1.6px) rotate(-2deg)
  }
  58% {
    transform: translate(-1.3px, -1.6px) rotate(0.5deg)
  }
  60% {
    transform: translate(1.3px, 1.6px) rotate(-0.5deg)
  }
  62% {
    transform: translate(0px, 0px) rotate(-1.5deg)
  }
  64% {
    transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  66% {
    transform: translate(1.6px, -1.6px) rotate(0.5deg)
  }
  68% {
    transform: translate(0px, -1.6px) rotate(-2deg)
  }
  70% {
    transform: translate(-1.6px, 1px) rotate(1.5deg)
  }
  72% {
    transform: translate(-1.6px, 1.6px) rotate(2deg)
  }
  74% {
    transform: translate(1.3px, -1.6px) rotate(-0.5deg)
  }
  76% {
    transform: translate(1.4px, 1px) rotate(-0.5deg)
  }
  78% {
    transform: translate(-1px, 1.4px) rotate(2deg)
  }
  80% {
    transform: translate(1.4px, 1.6px) rotate(2deg)
  }
  82% {
    transform: translate(-1.6px, -1.6px) rotate(-0.5deg)
  }
  84% {
    transform: translate(-1.4px, 1.4px) rotate(-2deg)
  }
  86% {
    transform: translate(1px, 1.4px) rotate(-2deg)
  }
  88% {
    transform: translate(-1.4px, 1.4px) rotate(-1.5deg)
  }
  90% {
    transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  92% {
    transform: translate(-1.4px, 1.6px) rotate(2deg)
  }
  94% {
    transform: translate(-1.6px, -1.6px) rotate(-2deg)
  }
  96% {
    transform: translate(-1.4px, 1.3px) rotate(-2deg)
  }
  98% {
    transform: translate(1.3px, 1px) rotate(-0.5deg)
  }
}
@-webkit-keyframes Glow {
    from {
        text-shadow: 0 0 10px #fff,
                     0 0 20px #fff,
                     0 0 30px #fff,
                     0 0 40px rgba(250, 177, 160,1.0),
                     0 0 70px rgba(250, 177, 160,0.6),
                     0 0 80px rgba(255, 118, 117,0.7),
                     0 0 100px rgba(255, 118, 117,0.8),
                     0 0 150px rgba(214, 48, 49,0.9);
    }
    to {
        text-shadow: 0 0 5px #fff,
                     0 0 10px #fff,
                     0 0 15px rgba(250, 177, 160,0.6),
                     0 0 25px rgba(250, 177, 160,1),
                     0 0 30px rgba(255, 118, 117,0.7),
                     0 0 35px rgba(255, 118, 117,0.8),
                     0 0 45px rgba(214, 48, 49,0.9);
    }
}
@keyframes Glow {
    from {
        text-shadow: 0 0 10px #fff,
                     0 0 20px #fff,
                     0 0 30px #fff,
                     0 0 40px rgba(250, 177, 160,1.0),
                     0 0 70px rgba(250, 177, 160,0.6),
                     0 0 80px rgba(255, 118, 117,0.7),
                     0 0 100px rgba(255, 118, 117,0.8),
                     0 0 150px rgba(214, 48, 49,0.9);
    }
    to {
        text-shadow: 0 0 5px #fff,
                     0 0 10px #fff,
                     0 0 15px rgba(250, 177, 160,0.6),
                     0 0 25px rgba(250, 177, 160,1),
                     0 0 30px rgba(255, 118, 117,0.7),
                     0 0 35px rgba(255, 118, 117,0.8),
                     0 0 45px rgba(214, 48, 49,0.9);
    }
}
@-webkit-keyframes Glow_blue {
    from {
        text-shadow: 0 0 10px #fff,
                     0 0 20px #fff,
                     0 0 30px #fff,
                     0 0 40px rgba(129, 236, 236,1.0),
                     0 0 70px rgba(129, 236, 236,0.6),
                     0 0 80px rgba(85, 239, 196,0.7),
                     0 0 100px rgba(0, 206, 201,0.7),
                     0 0 150px rgba(0, 206, 201,0.9);
    }
    to {
        text-shadow: 0 0 5px #fff,
                     0 0 10px #fff,
                     0 0 15px rgba(129, 236, 236,0.6),
                     0 0 25px rgba(250, 177, 160,1),
                     0 0 30px rgba(85, 239, 196,0.7),
                     0 0 35px rgba(0, 206, 201,0.7),
                     0 0 45px rgba(0, 206, 201,0.9);
    }
}
@keyframes Glow_blue {
    from {
        text-shadow: 0 0 10px #fff,
                     0 0 20px #fff,
                     0 0 30px #fff,
                     0 0 40px rgba(129, 236, 236,1.0),
                     0 0 70px rgba(129, 236, 236,0.6),
                     0 0 80px rgba(85, 239, 196,0.7),
                     0 0 100px rgba(0, 206, 201,0.7),
                     0 0 150px rgba(0, 206, 201,0.9);
    }
    to {
        text-shadow: 0 0 5px #fff,
                     0 0 10px #fff,
                     0 0 15px rgba(129, 236, 236,0.6),
                     0 0 25px rgba(250, 177, 160,1),
                     0 0 30px rgba(85, 239, 196,0.7),
                     0 0 35px rgba(0, 206, 201,0.7),
                     0 0 45px rgba(0, 206, 201,0.9);
    }
}
.doudong{  
    animation: uk-text-shadow-glitch .65s cubic-bezier(1,-1.91,0,2.79) 0s infinite normal both running;   
}  
@keyframes uk-text-shadow-glitch {  
    0% {  
        text-shadow: none ;
    }
    25% {  
        text-shadow: -2px -2px 0 rgba(214, 48, 49,1.0) ,
                     2px 2px 0 rgba(0, 184, 148,1.0)  ;
    }
    50% {  
        text-shadow: 2px -2px 0 rgba(214, 48, 49,1.0) ,
                     -2px 2px 0 rgba(0, 184, 148,1.0) ;
    }  
    75% {  
        text-shadow: -2px 2px 0 rgba(214, 48, 49,1.0),
                     2px -2px 0 rgba(0, 184, 148,1.0)  ;
    }  
    100% {  
        text-shadow: 2px 2px 0 rgba(214, 48, 49,1.0),
                     -2px -2px 0 rgba(0, 184, 148,1.0)  ;
    }  
}  
@keyframes uk-flicker {  
    0% {  
        opacity: 0 ;
    }  
    10% {  
        opacity: .6;  
        transform: scale(.8)  ;
    }  
    20% {  
        opacity: 0  ;
    }  
    40% {  
        opacity: 1  ;
    }  
    50% {  
        opacity: .2;  
        transform: scale(1.1)  ;
    }  
    100% {  
        opacity: 1;  
        transform: scale(1)  ;
    }  
}  